<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link
      rel="stylesheet"
      href="https://at.alicdn.com/t/c/font_4610488_6ugj2kiavxs.css"
    />
    <link rel="stylesheet" href="../CSS/shop.css" />
  </head>
  <body>
    <div class="container">
      <div class="header">
        <div class="wrap">
          <span class="iconfont icon-sousuo"></span>
          <input type="text" placeholder="降脂灵胶囊" />
        </div>
        <div>
          <span class="iconfont icon-kefu"></span>
          <span>客服</span>
        </div>
      </div>
      <div class="column">
        <div></div>
        <div>
          <ul>
            <li><img src="../img/shop/1/1.png" /><span>医学减脂</span></li>
            <li><img src="../img/shop/1/2.png" /><span>专业控压</span></li>
            <li><img src="../img/shop/1/3.png" /><span>科学控糖</span></li>
            <li><img src="../img/shop/1/4.png" /><span>健康改善</span></li>
            <li>
              <div>
                <span class="iconfont icon-fenlei"></span>
              </div>
              <span>全部品类</span>
            </li>
          </ul>
        </div>
        <img src="../img/shop/0.png" alt="position_picture" />
      </div>
      <div class="shop">
        <img src="../img/shop/2/1.png" />
        <img src="../img/shop/2/2.png" />
      </div>
      <div class="content">
        <div>
          <p>精选健康服务</p>
          <ul>
            <li><img src="../img/shop/3/1.png" /></li>
            <li><img src="../img/shop/3/2.png" /></li>
            <li><img src="../img/shop/3/3.png" /></li>
          </ul>
        </div>
        <div>
          <p>人气推荐</p>
          <ul>
            <li><img src="../img/shop/4/1.png" /></li>
            <li><img src="../img/shop/4/2.png" /></li>
            <li><img src="../img/shop/4/3.png" /></li>
          </ul>
        </div>
        <div><img src="../img/shop/5/image.png" /></div>
      </div>
      <div class="main">
        <ul>
          <li><a>医学减脂</a></li>
          <li><a>专业控压</a></li>
          <li><a>科学控糖</a></li>
          <li><a>健康改善</a></li>
        </ul>
        <div class="goods">
          <div>
            <img src="../img/shop/6/1.png" />
            <p>益生菌驼乳益生菌冻干...</p>
            <p>17种明星菌株+1000亿菌肠胃</p>
            <p>￥59.99</p>
            <p>
              <span>原价:<span>￥98.00</span></span>
              <span>销量：239</span>
            </p>
          </div>
          <div>
            <img src="../img/shop/6/2.png" />
            <p>益生菌驼乳益生菌冻干...</p>
            <p>17种明星菌株+1000亿菌肠胃</p>
            <p>￥999.00</p>
            <p>
              <span>原价:<span>￥1599.00</span></span>
              <span>销量：218</span>
            </p>
          </div>
        </div>
      </div>
      <div class="footer">
        <ul>
          <li><span class="iconfont icon-fuwu"></span><span>服务</span></li>
          <li><span class="iconfont icon-jiankang"></span><span>健康</span></li>
          <li><span>我的</span></li>
          <li>
            <span class="iconfont icon-shangcheng"></span><span>商城</span>
          </li>
          <li><span class="iconfont icon-wode"></span><span>我的</span></li>
        </ul>
        <span class="iconfont icon-bug"></span>
      </div>
    </div>
  </body>
</html>
